import {Image, StyleSheet, View, Text, TouchableOpacity, Modal} from 'react-native';
import {Stack, useRouter} from "expo-router";
import {useEffect} from "react";
import AntDesign from '@expo/vector-icons/AntDesign';

export default function settingScreen() {

    const router = useRouter();

    useEffect(() => {
    }, []);

    return (
        <Modal
            animationType="fade"
            transparent={true} // 使Modal背景透明
            visible={false}
        >
            <View style={styles.cardContainer}>
                <View style={styles.cardWrap}>
                    <TouchableOpacity>
                        <View style={styles.closeIcon}>
                            <AntDesign name="close" size={18} color="black" />
                        </View>
                    </TouchableOpacity>
                    <View style={styles.introList}>
                       <View style={styles.introItemHeader}>
                           <View style={styles.shu}></View>
                           <Text style={styles.title}>创始人简介</Text>
                       </View>
                        <View style={styles.content}>
                            <Text style={styles.contentText}>
                                李白，字太白，号青莲居士，唐朝浪漫主义诗人，被后人誉为“诗仙”。祖籍陇西成纪，出生于西域碎叶城，4岁再随父迁至剑南道绵州。李白存世诗文千余篇，有《李太白集》传世。762年病逝，享年61岁。其墓在今安徽当涂，四川江油、湖北安陆有纪念馆。
                            </Text>
                        </View>
                    </View>
                    <View style={styles.introList}>
                        <View style={styles.introItemHeader}>
                            <View style={styles.shu}></View>
                            <Text style={styles.title}>活动简介</Text>
                        </View>
                        <View style={styles.content}>
                            <Text style={styles.contentText}>
                                李白，字太白，号青莲居士，唐朝浪漫主义诗人，被后人誉为“诗仙”。祖籍陇西成纪，出生于西域碎叶城，4岁再随父迁至剑南道绵州。李白存世诗文千余篇，有《李太白集》传世。762年病逝，享年61岁。其墓在今安徽当涂，四川江油、湖北安陆有纪念馆。
                            </Text>
                        </View>
                    </View>
                    <View style={styles.introList}>
                        <View style={styles.introItemHeader}>
                            <View style={styles.shu}></View>
                            <Text style={styles.title}>群简介</Text>
                        </View>
                        <View style={styles.content}>
                            <Text style={styles.contentText}>
                                李白，字太白，号青莲居士，唐朝浪漫主义诗人，被后人誉为“诗仙”。祖籍陇西成纪，出生于西域碎叶城，4岁再随父迁至剑南道绵州。李白存世诗文千余篇，有《李太白集》传世。762年病逝，享年61岁。其墓在今安徽当涂，四川江油、湖北安陆有纪念馆。
                            </Text>
                        </View>
                    </View>
                </View>
            </View>
        </Modal>
    );
}

const styles = StyleSheet.create({
    cardContainer: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0.8)', // 设置半透明背景
        position: "relative",
    },
    cardWrap: {
        position: "absolute",
        bottom: 0,
        left: 0,
        width: "100%",
        backgroundColor: "#fff",
        borderTopRightRadius: 6,
        borderTopLeftRadius: 6,
        overflow: "hidden",
        paddingBottom: 83,
        padding: 12,
        flex: 1,
    },
    closeIcon: {
       flexDirection: "row",
        justifyContent: 'flex-end'
    },
    introList: {
        marginBottom: 26,
    },
    introItemHeader: {
        flexDirection: "row",
        alignItems: "center",
        marginBottom: 4,
    },
    shu: {
        width: 3,
        height: 12,
        backgroundColor: "#EC6138"
    },
    title: {
        fontWeight: "bold",
        marginLeft: 4,
    },
    content: {

    },
    contentText: {
        color: "#676978",
        fontSize: 12,
        lineHeight: 18,
    },

});
